<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="./css/headersearch.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="./css/home_allnews_list.css" />
    <link rel="stylesheet" type="text/css" href="./css/home_allTasks_list.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <style>
        .aui-bar-nav{
            background-color: #fff;
            color: #333;
            border-radius: 0;
        }
        .scan_img i.iconfont{
            color: #333;
        }
        .my_user_info{
            color: #333;
        }
        .title-icon{
            border-top: solid 0.5px #ddd;
        }

        /* vant下拉样式 */
        .van-dropdown-item__content{
            padding-bottom: 15px;
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px;
        }
        .van-overlay{
            background-color: rgba(0,0,0,.3);
        }
        .van-cell::after{
            border-bottom: 0;
        }
        .van-cell{
            width: 94%;
            margin: 0 auto;
        }
        .drop-active{
            border-radius: 4px;
            background: #eee;
        }
        .new-vant-cell{
            padding: 6px 10px;
            margin-bottom: 2px;
            text-align: left;
        }
        .vant-active{
            background-color: #f3f3f3;
            border-radius: 4px;
        }
        .new-vant-popup .van-dropdown-item__content{
            display: flex;
        }
        .new-van-dropdown-menu{
            max-width:80px;
            min-width: 80px;
        }
        .new-van-dropdown-menu .van-dropdown-menu__title{
            max-width: 90%;
        }
        .left-icon{
            width: 70%;
        }
        .right-icon{
            width: 30%;
        }
    </style>
</head>
<body>
    <div id="app" v-cloak>
        <!-- 弹框黑色背景 -->
        <div v-on:click="doHideSearch()" v-if="showsearch||showTop" class="maskbg">
        </div>
        <!-- <div v-on:click="doHideSearch()"  class="maskbg">
        </div> -->

        <header class="aui-bar aui-bar-nav topheader" id="aui-header" style="position: fixed;box-shadow: rgb(193 195 197 / 6%) 0px 5px 4px 0px;">
            <div class="aui-content focus">
                <div class="my_user_info_cont" v-on:click="openSetting">
                    <div class="my_user_img"><img v-bind:src="userHeadImg" /></div>
                    <div class="my_user_info">
                        <div class="my_user_name">{{userName}}</div>
                        <div class="my_user_postion text-grey">{{companyName?postionName?companyName+" - "+postionName:companyName:""}}</div>
                    </div>
                </div>
                <div v-on:click="do_open_scan_login()" class="scan_img">
                    <i class="icon iconfont icon-saoma"></i>
                </div>
                <div v-on:click="do_open_sousuo()" class="scan_img aui-margin-l-15" style="padding-top:16px;">
                    <i class="icon iconfont icon-sousuo"></i>
                </div>
                <div v-on:click="do_open_news()" class="scan_img aui-margin-l-15" style="padding-top:17px;">
                    <!-- <van-badge :content="newCount" color="#ff0000" max="99" :show-zero="false" class="new-xiaoxi-bag">
                        <i class="icon iconfont icon-chat aui-font-size-20 "></i>
                      </van-badge>  -->
                    <div style="position: relative;"> 
                        <i class="icon iconfont icon-chat aui-font-size-20 "></i>
                        <div v-if="newCount>0&&newCount<=99" class="newsnum" style="left:12px;">{{newCount}}</div>
                        <div v-if="newCount>99" class="newsnum" style="left:12px;"><i class="icon iconfont icon-sandian" style="font-size: 0.5rem;"></i></div>
                    </div>
                     
                </div>
            </div>

            <div class="app_list_txt title-icon" style="background: #fff;">
                <div class="left-icon">
                   <div style="display:flex;width: 100%;">
                    <van-dropdown-menu active-color="#1989fa"  class="aui-margin-r-5 new-van-dropdown-menu" >
                        <van-dropdown-item  :title="choosetypemodel.text" ref="choosetype" class="new-vant-popup" >
                            <div style="width: 34.5%;">
                                <van-cell v-for="item in option1" center  @click="onChooseType(item)"  class="new-vant-cell"
                                    v-bind:class="{'vant-active':item.value==choosetypemodel.value}">
                                    <template #title>
                                        <span class="custom-title">
                                            <img v-if="item.ID==0" class="header-image aui-margin-r-5"  src="../image/icon/quanbu.png">
                                            <img v-if="item.ID==690" class="header-image aui-margin-r-5"  src="../image/icon/shebei.png">
                                            <img v-if="item.ID==692" class="header-image aui-margin-r-5"  src="../image/icon/anfang.png">
                                            <img v-if="item.ID==693" class="header-image aui-margin-r-5"  src="../image/icon/huanjing.png">
                                            <img v-if="item.ID==956" class="header-image aui-margin-r-5"  src="../image/icon/shenhe.png">
                                            <img v-if="item.ID==814" class="header-image aui-margin-r-5"   src="../image/icon/kefu.png">
                                            <img v-if="item.ID==695" class="header-image aui-margin-r-5"   src="../image/icon/tousu.png">
                                            <img v-if="item.ID==963" class="header-image aui-margin-r-5"   src="../image/icon/tongzhi.png">
                                        </span>
                                        <span>{{item.text}}</span>
                                      </template>
                                </van-cell>
                            </div>
                            <div style="border-right: solid 0.5px #eee;margin-left: 1%;margin-right:0.5%;"></div>
                            <div style="width: 64%;">
                                <van-cell v-for="items in optionChildren" center :title="items.text" @click="onChooseTypeChildren(items)" class="new-vant-cell"
                                    v-bind:class="{'vant-active':items.value==choosetypechildren.value}">
                                    <template #right-icon>
                                        {{items.count}}
                                    </template>
                                </van-cell>
                            </div>
                        </van-dropdown-item>

                      </van-dropdown-menu>


                      <van-dropdown-menu active-color="#1989fa"  class="aui-margin-r-5 new-van-dropdown-menu" >
                        <van-dropdown-item :title="choosetaskmodel.text" ref="choosetask" > 
                            <van-cell v-for="item in option2" center :title="item.text" @click="onChooseTask(item)"  class="new-vant-cell"
                            v-bind:class="{'vant-active':item.value==choosetaskmodel.value}">
                              <template #right-icon>
                                {{item.count}}
                              </template>
                            </van-cell>
                          </van-dropdown-item>
                      </van-dropdown-menu>

                      <van-dropdown-menu active-color="#1989fa" class="new-van-dropdown-menu">
                        <van-dropdown-item :title="choosesortmodel.text" ref="choosesort" > 
                            <van-cell v-for="item in option3" center :title="item.text" @click="onChooseSort(item)"  class="new-vant-cell"
                            v-bind:class="{'vant-active':item.value==choosesortmodel.value}">
                            </van-cell>
                          </van-dropdown-item>
                      </van-dropdown-menu>
                   </div>
                      
                </div>
                <!-- 配置按钮 -->
                <div class="right-icon" >
                   <div style="line-height: 48px;"> 
                    <i class="icon iconfont icon-weiguanzhu"></i>
                    <i class="icon iconfont icon-xianshidazhe"></i>
                    <i class="icon iconfont icon-xinzeng aui-margin-r-5"></i>
                   </div>
                </div>
            </div>
        </header>
        <section id="main_refresh" class="aui-refresh-content" >
            <div class="posibox boxsty" style="margin-top: 150px;">
                <section class="aui-grid aui-margin-b-15" style="padding-bottom:0.75rem; margin-bottom:0rem!important;">
                    <div class="aui-row yy-content">
                        <div class="boxarea mainbox">
                            <div  class="work_con_box">
                                <div class="workheader">
                                    <div class="work_title_add ellipsis_one fl" style="font-weight: bold;">
                                        <img class="header-image aui-margin-r-5" src="../image/icon/kefu.png">报修-水电问题-给水问题
                                    </div>
                                    <div  class="text-grey fr">上午 09:25</div>
                                </div>
                                <div class="work_con_box_time marginheight">
                                    <div class="work_con_box_left">报修位置</div>
                                    <div class="work_con_box_right text-grey">
                                        <label class="text-grey">水韵书香-住宅-1栋-1单元-1-101<span class="label-btn-red">超时</span></label>
                                    </div>
                                </div>
                                <div class="work_con_box_time marginheight">
                                    <div class="work_con_box_left">报修区域</div>
                                    <div class="work_con_box_right text-grey">
                                        个人区域
                                    </div>
                                </div>
                                <div class="work_con_box_time marginheight">
                                    <div  class="work_con_box_left">报修时间</div>
                                    <div class="work_con_box_right text-grey">
                                        <label>昨天 18:25<span class="label-btn-blue">待接单</span></label>
                                    </div>
                                </div>
                                <div class="work_con_box_time marginheight work_con_box_content  new-border-b">
                                    <div class="ellipsis_two">
                                        我是输入的内容
                                    </div>
                                </div>
                    
                            </div>
                    
                            <div class="new-btn-bottom" style="overflow: hidden;">
                                <div  class="work_beginbtnty3 new-blue-btn" >
                                   确认收到
                                </div>
                            </div>
                        </div>
                        <div class="boxarea mainbox">
                            <div  class="work_con_box">
                                <div class="workheader">
                                    <div class="work_title_add ellipsis_one fl" style="font-weight: bold;">
                                        <img class="header-image aui-margin-r-5"  src="../image/icon/kefu.png">今天14:30临时召开部门会议
                                    </div>
                                    <div  class="text-grey fr">昨天 09:25</div>
                                </div>
                                <div class="work_con_box_time marginheight work_con_box_content aui-padded-b-0">
                                    <div class="ellipsis_two">
                                        李总决定临时召开部门会议，就2月份的工作计划做讨论。相关的任务
                                    </div>
                                </div>
                                <div class="work_con_box_time marginheight work_con_box_content new-border-b aui-margin-t-0">
                                    <div class="ellipsis_two text-grey">
                                        李文静  发布于 2022-02-01 15:21
                                    </div>
                                </div>
                            </div>
                    
                            <div class="new-btn-bottom" style="overflow: hidden;">
                                <div  class="work_beginbtnty3 new-blue-btn text-grey" >
                                   已确认收到
                                </div>
                            </div>


                        </div>
                        <div class="boxarea mainbox">
                            <div  class="work_con_box">
                                <div class="workheader">
                                    <div class="work_title_add ellipsis_one fl" style="font-weight: bold;">
                                        <img class="header-image aui-margin-r-5"  src="../image/icon/kefu.png">今天14:30临时召开部门会议
                                    </div>
                                    <div  class="text-grey fr">昨天 09:25</div>
                                </div>
                                <div class="work_con_box_time marginheight work_con_box_content aui-padded-b-0">
                                    <div class="ellipsis_two">
                                        李总决定临时召开部门会议，就2月份的工作计划做讨论。相关的任务
                                    </div>
                                </div>
                                <div class="work_con_box_time marginheight work_con_box_content new-border-b aui-margin-t-0">
                                    <div class="ellipsis_two text-grey">
                                        李文静  发布于 2022-02-01 15:21
                                    </div>
                                </div>
                            </div>
                    
                            <div class="new-btn-bottom" style="overflow: hidden;">
                                <div  class="work_beginbtnty3 new-blue-btn text-grey" >
                                   已确认收到
                                </div>
                            </div>


                        </div>
                        
                        <div v-if="list.length>0" v-for="item in list" class=" boxarea mainbox">
                            <div v-on:click="openDetail(item)" class="work_con_box">
                                <div class="workheader">
                                    <div class="work_title_add">
                                        <div v-if="item.Type==9||item.Type==11||item.Type==12||item.Type==13||item.Type==14"class="header-image aui-margin-r-5">
                                            <img src="../image/icon/tongzhi.png" /></div>
                                        <div v-if="item.Type==1" class="header-image aui-margin-r-5"><img src="../image/icon/huanjing.png" /> </div>
                                        <div v-if="item.Type==2" class="header-image aui-margin-r-5"><img src="../image/icon/kefu.png" /></div>
                                        <div v-if="item.Type==10" class="header-image aui-margin-r-5"><img src="../image/icon/shebei.png" /> </div>
                                        <div v-if="item.Type==15" class="header-image aui-margin-r-5"><img src="../image/icon/tousu.png" /> </div>
                                        <div v-if="item.Type==18" class="header-image aui-margin-r-5"><img src="../image/icon/anfang.png" /></div>

                                        {{item.HeadTitle}}
                                    </div>
                                    <div class="time_style">{{item.AddTime}}</div>
                                </div>
         
                                <div v-if="item.Type==2" class=" work_con_box_contain mt0 padding_style ">
                                    <div class="work_con_box_time">
                                        <div class="work_con_box_item ellipsis_one">优惠项目：{{item.ChargeName}}</div>
                                    </div>
                                    <div class="work_con_box_time marginheight">
                                        <div class="work_con_box_item ellipsis_one">优惠说明：{{item.DiscountRemark}}</div>
                                    </div>
                                </div>
        
                                <div v-if="item.Type==1" class=" work_con_box_contain mt0 padding_style ">
                                    <div class="work_con_box_time">
                                        <div class="work_con_box_item ellipsis_one">物品用途：{{item.Title}}</div>
                                    </div>
                                    <div class="work_con_box_time marginheight" v-if="item.GoodsList.length>0">
                                        <div class="work_con_box_item ellipsis_one">物品名称：{{item.GoodsList[0].GoodsName}}</div>
                                    </div>
                                    <div class="work_con_box_time marginheight" v-if="item.GoodsList.length>0">
                                        <div class="work_con_box_item ellipsis_one">物品数量：{{item.GoodsList[0].GoodsNumber}}</div>
                                    </div>
                                </div>
                                <!-- 通知消息 -->
                                <div v-if="item.Type==9||item.Type==11||item.Type==12||item.Type==13||item.Type==14"
                                    class=" work_con_box_contain mt0 ">
                                    <div class="work_con_box_time">
                                        <div class="work_con_box_item ellipsis_one">标题：{{item.Title}}</div>
                                    </div>
                                    <div class="work_con_box_time marginheight">
                                        <div class="work_con_box_item ellipsis_two">简介：{{item.SummaryCont}}</div>
                                    </div>
                                </div>
                                <!-- 16放行条 -->
                                <div v-if="item.Type==16" class=" work_con_box_contain mt0 ">
                                    <div class="work_con_box_time">
                                        <div class="work_con_box_item ellipsis_one">资源位置：{{item.ProjectName}}</div>
                                    </div>
                                    <div class="work_con_box_time marginheight">
                                        <div class="work_con_box_item ellipsis_two">通行事由：{{item.VisitTypeName}}</div>
                                    </div>
                                </div>
                                <!-- 17装修 -->
                                <div v-if="item.Type==17" class=" work_con_box_contain mt0 ">
                                    <div class="work_con_box_time">
                                        <div class="work_con_box_item ellipsis_one">资源位置：{{item.ProjectName}}</div>
                                    </div>
                                    <div class="work_con_box_time marginheight">
                                        <div class="work_con_box_item ellipsis_two">办理客户：{{item.UseName}}</div>
                                    </div>
                                </div>
                                <!-- 18通用申请 -->
                                <div v-if="item.Type==18" class=" work_con_box_contain mt0 ">
                                    <div class="work_con_box_time">
                                        <div class="work_con_box_item ellipsis_one">审批类型：{{item.ProjectName}}</div>
                                    </div>
                                    <div class="work_con_box_time marginheight">
                                        <div class="work_con_box_item ellipsis_two">审批标题：{{item.UseName}}</div>
                                    </div>
                                </div>
                                <!-- 10房屋租售 -->
                                <div v-if="item.Type==10" class=" work_con_box_contain mt0">
                                    <div class="work_con_box_time">
                                        <div class="work_con_box_item ellipsis_one">资源位置：{{item.RentHomeProjectName}}</div>
                                    </div>
                                    <div class="work_con_box_time marginheight">
                                        <div class="work_con_box_item ellipsis_two">类型：{{item.RentHomeSellTypeDesc}}</div>
                                    </div>
                                </div>
                                <!-- 生活服务 -->
                                <div v-if="item.Type==15" class=" work_con_box_contain mt0">
                                    <div class="work_con_box_time">
                                        <div class="work_con_box_item ellipsis_one">服务类别：{{item.CategoryName}}</div>
                                    </div>
                                    <div class="work_con_box_time marginheight">
                                        <div class="work_con_box_item ellipsis_two">服务名称：{{item.Title}}</div>
                                    </div>
                                    <div class="work_con_box_time marginheight">
                                        <div class="work_con_box_item ellipsis_two">所属项目：<span
                                                v-for="item2 in item.ProjectNameList">{{item2}}</span></div>
                                    </div>
                                </div>
                            </div>
        
                            <div v-if="form.status==1" class="new-btn-bottom"
                                style="overflow: hidden; border-top: solid 0.5px #eee;">
        
                                <div v-if="item.IsReject==true" class="work_beginbtnty3 new-blue-btn color3 border_right"
                                    v-on:click="do_open_jujue(item.ApprovalID)">
                                    <i class="icon iconfont icon-guanbi"
                                        style=" font-size: 0.7rem; margin-right: 5px; color: #333;"></i>拒绝
                                </div>
                                <div v-if="item.IsRevoke==true" class="work_beginbtnty3 new-blue-btn border_right"
                                    v-on:click="doRevoke(item.ApprovalID)">
                                    <i class="icon iconfont icon-chexiao"
                                        style=" font-size: 0.7rem; margin-right: 5px; color: #289FFF;"></i>撤销
                                </div>
                                <div v-if="item.IsAccept==true" class="work_beginbtnty3 new-blue-btn"
                                    v-on:click="do_open_sure(item.ApprovalID)">
                                    <i class="icon iconfont icon-yidu" style=" font-size: 0.7rem; margin-right: 5px;"></i>同意
                                </div>
        
                            </div>
                            <!-- 等待审批 -->
                            <div v-if="form.status!=1" class="StateStatus">
                                <div v-if="form.status==2||form.status==4" class="statemsg fl">
                                    <div class="statepic fl"><img src="../image/task_con_img1.png"> </div>
                                    <div class="statename">{{item.TypeDesc}}</div>
                                </div>
                                <div v-if="item.State==2||item.State==1" class="statuStyle fr">
                                    <span class="blue ellipsis_one">{{item.StateDesc}}...</span>
                                </div>
                                <!-- 同意 -->
                                <div v-if="item.State==3" class="statuStyle fr">
                                    <span class="green ellipsis_one">{{item.StateDesc}}</span>
                                </div>
                                <!-- 拒绝 -->
                                <div v-if="item.State==4" class="statuStyle fr">
                                    <span class="origen ellipsis_one">{{item.StateDesc}}</span>
                                </div>
                                <!-- 撤销 -->
                                <div v-if="item.State==5" class="statuStyle fr">
                                    <span class="gray ellipsis_one">{{item.StateDesc}}</span>
                                </div>
                            </div>
                        </div>
                        <div class="notodayList" v-if="list.length>0">
                            别刷了，真的没有啦...
                        </div>
                    
                        <!-- <van-empty v-if="list.length<=0" description="暂无代办数据" /> -->
                    </div>
                </section>
            </div>
        </section>
    </div>
    <div id="appupgrade">
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/vue.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript" src="js/home_allTasks_list.js"></script>
<script type="text/javascript" src="../script/page/upgrade.js"></script>
</html>
